<template>
  <div class="logo">
    <router-link :to="{path:'/'}">
      <img src="/logo.png" />
      <h1 v-if="showTitle">Vue Admin Template</h1>
    </router-link>
  </div>
</template>

<script>

export default {
  name: 'Logo',
  props: {
    showTitle: {
      type: Boolean,
      default: true,
      required: false
    }
  },
  data () {
    return {}
  }
}
</script>
<style lang="less" scoped>
  .max-logo {
    max-width: 180px;
    font-size: 16px !important;
    line-height: 22px !important;
  }
</style>
